<!DOCTYPE html>
<html lang="en" ng-app="app">
<head>
    <meta charset="utf-8">
    <title>Job Matcher</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">

    <link href="lib/bootstrap/css/bootstrap.css" rel="stylesheet"/>
    <link href="css/common.css" rel="stylesheet"/>
    <link href="css/ng-grid.css" rel="stylesheet"/>
    <link href="lib/bootstrap/css/bootstrap-responsive.css" rel="stylesheet">


    <script src="lib/jquery/jquery-1.9.1.min.js"></script>
    <script src="lib/angular/angular.js"></script>
    <script src="lib/angular/angular-resource.js"></script>
    <script src="lib/angular/ui-bootstrap-tpls-0.2.0.js"></script>

    <script src="lib/angular/ui-bootstrap-0.2.0.js"></script>
    <script src="lib/angular/ng-grid-2.0.5.debug.js"></script>
    <script src="js/services.js"></script>
    <script src="js/app.js"></script>

    <script src="js/controllers.js"></script>


</head>

<body ng-controller="JobSearchCtrl">

<div class="navbar navbar-inverse navbar-fixed-top">
    <div class="navbar-inner">

        <a class="brand" href="#">&nbsp;&nbsp;JobMatcher 4 JobSeekers</a>

        <ul class="nav">
            <li class="active"><a href="#">Browse Jobs</a></li>
            <li><a href="#">Saved Jobs</a></li>


        </ul>

    </div>
</div>

<div id="wrap">

    <div id="main" class="container-fluid clear-top" ng-controller="MainCtrl">

    </div>
    <div class="row-fluid" style="padding-right: 10px; padding-bottom: 10px">
        <div class="span" align="center">


       	    <div>
                <input  type="text" name='keyword' ng-model="keyword" placeholder="Keywords" height="30" style="height: 23px; margin-top: 10px">

                <a role="button" class="btn btn-primary" ng-click="search()"><strong>Search Job</strong></a>

            </div>

        </div>
    </div>


    <div class="gridStyle" ng-grid="gridOptions"></div>

     <!--
    <div class="row-fluid">
        <table class="table table-striped table-bordered">
            <thead>
            <tr>
                <th>#</th>
                <th>First Name</th>
                <th>Last Name</th>
                <th>Username</th>
            </tr>
            </thead>
            <tbody>
            <tr>
                <td>1</td>
                <td>Mark</td>
                <td>Otto</td>
                <td>@mdo</td>
            </tr>
            <tr>
                <td>2</td>
                <td>Jacob</td>
                <td>Thornton</td>
                <td>@fat</td>
            </tr>
            <tr>
                <td>3</td>
                <td>Larry</td>
                <td>the Bird</td>
                <td>@twitter</td>
            </tr>
            </tbody>
        </table>

    </div>
    !-->
</div>






</body>
</html>
